<!DOCTYPE html>
<html lang="en">
	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Cuisine</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Font Awesome -->
		<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<!-- Simple-Line-Icons-Webfont -->
		<link href="fonts/Simple-Line-Icons-Webfont/simple-line-icons.css" rel="stylesheet">
		<!-- FlexSlider -->
		<link href="scripts/FlexSlider/flexslider.css" rel="stylesheet">
		<!-- Owl Carousel -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		<link href="css/owl.theme.default.css" rel="stylesheet">
		<!-- Nivo Lightbox -->
		<link href="scripts/Nivo-Lightbox/nivo-lightbox.css" rel="stylesheet">
		<link href="scripts/Nivo-Lightbox/themes/default/default.css" rel="stylesheet">
		<!-- Style.css -->
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>
	<body>

		<div class="responsive-menu">
			<a href="" class="responsive-menu-close"><i class="icon-close"></i></a>
			<nav class="responsive-nav"></nav> <!-- end .responsive-nav -->
		</div> <!-- end .responsive-menu -->
		<header class="header">
			<div class="top">
				<div class="container">
					<div class="left">
						<span>Welcome to www.weidea.net</span>
					</div> <!-- end .left -->
					<div class="right">
						<span class="item"><a href="tel:0012345678">00 1234 5678</a></span>
						<span class="item"><a href="mailto:info@tastecousine.com">info@tastecousine.com</a></span>
					</div> <!-- end .right -->
				</div> <!-- end .container -->
			</div> <!-- end .top -->
			<div class="navigation">
				<div class="container clearfix">
					<div class="logo"><a href="index.html"><img src="images/logo.png" alt="Cuisine" class="img-responsive"></a></div> <!-- end .logo -->
					<nav class="main-nav">
						<ul class="list-unstyled">
							<li><a href="index.html">Home</a></li>
							<li>
								<a href="shopgrid.html">Shop</a>
								<ul>
									<li><a href="cart.html">Cart</a></li>
								</ul>
							</li>
							<li>
								<a href="menu.html">Menu</a>
								<ul>
									<li><a href="specialties.html">Specialties</a></li>
									<li><a href="single.html">Single</a></li>
								</ul>
							</li>
							<li>
								<a href="about.html">About Us</a>
								<ul>
									<li><a href="chefs.html">Chefs</a></li>
								</ul>
							</li>
							<li>
								<a href="shortcodes.html">Pages</a>
								<ul>
									<li><a href="shortcodes.html">Shortcodes</a></li>
									<li><a href="events.html">Events</a></li>
									<li><a href="recipe.html">Recipe</a></li>
									<li><a href="recipemain.html">Recipe Main</a></li>
									<li><a href="reservation.html">Reservation</a></li>
								</ul>
							</li>
							<li>
								<a href="blog.html">Blog</a>
								<ul>
									<li><a href="blogpost.html">Blog Post</a></li>
								</ul>
							</li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</nav> <!-- end .main-nav -->
					<a href="" class="responsive-menu-open"><i class="fa fa-bars"></i></a>
				</div> <!-- end .container -->
			</div> <!-- end .navigation -->
		</header> <!-- end .header -->

		<div class="page-title" style="background-image: url('images/background01.jpg');">
			<div class="inner">
				<div class="container">
					<div class="row aligned-cols">
						<div class="col-sm-3 aligned-middle">
							<h2>About Us</h2>
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-9">
							<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam uptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.</p>
						</div> <!-- end .col-sm-9 -->
					</div> <!-- end .row -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .page-title -->

		<div class="section white">
			<div class="inner">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<h2><small>We are Taste Cuisine</small>Our Mission is to satisfy</h2>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras efficitur, risus nec scelerisque volutpat, sem tellus ornare nibh, fringilla aliquam orci ligula ac leo. Sed ut porta nunc. Donec eget commodo nulla, id porttitor libero. Vivamus varius lacinia lectus, laoreet semper felis tincidunt ac.</p>
							<p>Aliquam fermentum posuere leo a rutrum. Donec consequat massa diam, id mollis metus pulvinar id. Sed vel tellus elementum, volutpat nisl in, rutrum mauris. Aliquam nec mi eget eros auctor finibus eu a nunc.</p>
						</div> <!-- end .col-sm-6 -->
						<div class="col-sm-6">
							<img src="images/mission.jpg" alt="alt text here" class="img-responsive">
						</div> <!-- end .col-sm-6 -->
					</div> <!-- end .row -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<div class="section no-padding">
			<div class="inner">
				<div id="gallery" class="gallery">
					<div class="gallery-sizer"></div>
					<div class="item">
						<img src="images/gallery01.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery01.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery02.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery02.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery03.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery03.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery04.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery04.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery05.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery05.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery06.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery06.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery07.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery07.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery08.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery08.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery09.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery09.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery10.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery10.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery11.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery11.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
					<div class="item">
						<img src="images/gallery01.jpg" alt="alt text" class="img-responsive">
						<div class="overlay"><a href="images/gallery01.jpg" class="button white" data-lightbox-gallery="gallery1">View</a></div>
					</div> <!-- end .item -->
				</div> <!-- end .gallery -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<div class="section white">
			<div class="inner">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<h3><span class="highlight">01.</span> Extravagance</h3>
							<p>Former main chef at a famous Michelin Star restaurant Le Cordon Bleu. Winner of various prestige contests in San Marino. Former main chef at a famous Michelin Star restaurant Le Cordon Bleu. Winner of various prestige contests in San Marino.</p>
						</div> <!-- end .col-sm-6 -->
						<div class="col-sm-6">
							<h3><span class="highlight">02.</span> Eminence</h3>
							<p>Former main chef at a famous Michelin Star restaurant Le Cordon Bleu. Winner of various prestige contests in San Marino. Former main chef at a famous Michelin Star restaurant Le Cordon Bleu. Winner of various prestige contests in San Marino.</p>
						</div> <!-- end .col-sm-6 -->
					</div> <!-- end .row -->
					<div class="spacer"></div>
					<div class="row">
						<div class="col-sm-6">
							<h3><span class="highlight">03.</span> Perfection</h3>
							<p>Former main chef at a famous Michelin Star restaurant Le Cordon Bleu. Winner of various prestige contests in San Marino. Former main chef at a famous Michelin Star restaurant Le Cordon Bleu. Winner of various prestige contests in San Marino.</p>
						</div> <!-- end .col-sm-6 -->
						<div class="col-sm-6">
							<h3><span class="highlight">04.</span> Prestige</h3>
							<p>Former main chef at a famous Michelin Star restaurant Le Cordon Bleu. Winner of various prestige contests in San Marino. Former main chef at a famous Michelin Star restaurant Le Cordon Bleu. Winner of various prestige contests in San Marino.</p>
						</div> <!-- end .col-sm-6 -->
					</div> <!-- end .row -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<div class="section small text-center dark transparent parallax" style="background-image: url('images/background02.jpg');">
			<div class="inner">
				<div class="container">
					<div class="call-to-action">
						<h3>Ready to make a reservation?</h3>
						<a href="" class="button solid brown">Book a Table</a>
					</div> <!-- end .call-to-action -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<footer class="footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-3">
						<h6>Address</h6>
						<p>Taste Cuisine Restaurant</p>
						<p>100 Mars Street</p>
						<p>10300 Venus, Milky Way</p>
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Social Media</h6>
						<p><a href="">Facebook.com/Cuisine</a></p>
						<p><a href="">Instagram.com/Cuisine</a></p>
						<p><a href="">FourSquare.com/Cuisine</a></p>
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Open Hours</h6>
						<div class="row">
							<div class="col-xs-6">
								<p>Monday - Friday</p>
								<p>Saturdays</p>
								<p>Sundays</p>
							</div> <!-- end .col-xs-6 -->
							<div class="col-xs-6">
								<p><b>07 - 23</b></p>
								<p><b>07 - 24</b></p>
								<p><b>Closed</b></p>
							</div> <!-- end .col-xs-6 -->
						</div> <!-- end .row -->
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Contact</h6>
						<p><a href="mailto:info@tastecuisine.com">info@tastecuisine.com</a></p>
						<div class="row">
							<div class="col-xs-6">
								<p>Booking</p>
								<p>Information</p>
							</div> <!-- end .col-xs-6 -->
							<div class="col-xs-6">
								<p><b>00 1234 5678</b></p>
								<p><b>00 2345 6780</b></p>
							</div> <!-- end .col-xs-6 -->
						</div> <!-- end .row -->
					</div> <!-- end .col-sm-3 -->
				</div> <!-- end .row -->
			</div> <!-- end .container -->
		</footer> <!-- end .footer -->

		<!-- jQuery -->
		<script src="js/jquery-1.11.2.min.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap.min.js"></script>
		<!-- google maps -->
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
		<!-- FlexSlider -->
		<script src="scripts/FlexSlider/jquery.flexslider-min.js"></script>
		<!-- Owl Carousel -->
		<script src="js/owl.carousel.min.js"></script>
		<!-- Nivo Lightbox -->
		<script src="scripts/Nivo-Lightbox/nivo-lightbox.min.js"></script>
		<!-- Isotope -->
		<script src="js/isotope.pkgd.min.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<!-- Scripts.js -->
		<script src="js/scripts.js"></script>

	</body>
</html>